<!DOCTYPE html>
<html>
<head>
	<title>个人中心</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no,email=no" name="format-detection">
	<link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/normalize.css" type="text/css">
	<link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/book.css" type="text/css">
	<link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/common.css?v={$WST_V}">
	<link rel="stylesheet" type="text/css" href="__ROOT__/Apps/WebApp/View/default/css/tipdisapply.css">
	<link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/small_page.css" type="text/css">
	
	<style type="text/css">
		.personal_info{
			width: 100%;
			height: 3.574rem;
			background: url(__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_bg.png) no-repeat;
			background-size: 100% 100%;
			position: relative;
		}
		.head_portrait{
			width: 1.6rem;
			height: 1.6rem;
			position: absolute;
			left: 0.45rem;
			top: 0.53rem;
		}
		.head_portrait img{
			width: 100%;
			height: 100%;
			border-radius: 50%;
			border:none;
		}
		#username{
			position: absolute;
			left: 2.45rem;
			top: 0.77rem;
			font-size: 0.53rem;
			line-height:0.56rem; 
			font-weight: bold;
			font-family: .PingFangSC-Regular;
		}
		.my_box{
			width: 9.49rem;
			height: auto;
			position: absolute;
			left: 0.267rem;
			top: 2.667rem;
		}
		.my{
			width: 9.49rem;
			height: 1.28rem;	
			background-color: #fff;
			box-shadow: 0 1px 4px 0 rgba(130,130,130,0.50);
			margin-top: 0.293rem;
			position: relative;
		}
		.myorder_book,.mycart_book{
			height: 6rem;
		}
		.my a{
			display: block;
			width: 100%;
			height: 1.28rem;
		}
		.my .lefticon {
			width: 1rem;
			height: 1rem;
			margin-left: 0.3rem;
			margin-top: 0.25rem;
			float: left;
		}
		.my .lefticon_order {
			background: url(__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_me_my_order_icon.png) no-repeat;
			background-size: 100% 100%; 
		}
		
		.my .lefticon_cart {
			background: url(__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_shopping_cart_icon.png) no-repeat;
			background-size: 100% 100%; 
		}
		.my .lefticon_spokesman {
			background: url(__ROOT__/Apps/WebApp/View/default/images/agent/222copy.png) no-repeat;
			background-size: 100% 100%; 
		}
		.my .lefticon_centrality {
			background: url(__ROOT__/Apps/WebApp/View/default/images/agent/2copy.png) no-repeat;
			background-size: 100% 100%; 
		}
		.my .lefticon_community {
			background: url(__ROOT__/Apps/WebApp/View/default/images/agent/shequ.png) no-repeat;
			background-size: 100% 100%; 
		}
		.my .enterorder {
			font-size: 0.373rem;
			color: #3D3D3D;
			margin-left:0.427rem;
			line-height: 1.28rem;
		}
		.my .righticon {
			width: 0.32rem;
			height: 0.32rem;
			margin-right: 0.427rem;
			margin-top: 0.533rem;
			background: url(__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_icon_left_nor.png) no-repeat;
			background-size: 100% 100%; 
			float: right;
		}
		.my hr {
			background-color: #d2d2d2;
			color:#d2d2d2;
			width: 8.587rem;
			margin-left: 0.453rem;
			border:none;
			height: 1px;
		}
		.my .book_cover{
			width: 2.533rem;
			height: 3.68rem;
			background: #FFFFFF;
			box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
			margin-left: 0.64rem;
			margin-top: 0.7rem;
			position: relative;
		}
		.my .finishedbookname{
			position: absolute;
			left: 4.9066666rem;
			top: 1.4933333rem;
			font-family: .PingFangSC-Regular;
			font-size: 0.427rem;
			color: #000000;
			line-height: 0.5066666rem;
		}
		.my .booktype{
			width: 0.72666666rem;
			height: 0.68533333rem;
			position: absolute;
			top: 1.461333333rem;
			right: 0.6rem;	
		}
		.wx{
			background: url(__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_wechat_icon_nor.png) no-repeat;
			background-size: 100% 100%; 
		}
		.my .bookinfo{
			font-family: .PingFangSC-Regular;
			font-size: 0.293333rem;
			color: #7F7F7F;
			position: absolute;
			top: 2.6666666rem;
			right: 0.7466666rem;
			text-align: right;
			line-height: 0.46666666rem;
		}
		.bookinfo .paymentstatus{
			color: #FF9700;
		}
		.my .see_details,.my .enter_edit {
			border: 1px solid #969696;
			border-radius: 0.1066666rem;
			line-height: 0.4533333rem;
			font-family: .PingFangSC-Regular;
			font-size: 0.3733333rem;
			color: #919191;
			background-color: #fff;
			position: absolute;	
			outline: none;
			height: 0.96rem;
			bottom: 0.4rem;
		}
		.my .see_details{
			width: 2.93333333rem;	
			right: 2.666666rem;	
		}
		.my .enter_edit{
			width: 2.4533333rem;
			right: 3.1466666rem;
		}
		#wuliu,#payment{
			border-radius: 0.1066666rem;			
			position: absolute;
			outline: none;
			border: none;
			height: 0.96rem;
			bottom: 0.4rem;
		}
		#wuliu{
			width: 2.053333rem;			
			right: 0.4266666rem;		
		}
		#wuliu img,#payment img{
			width: 100%;
		}
		#payment{
			width: 2.56rem;
			right: 0.4rem;
		}		
	</style>
</head>
<body>
<div class="zhao">
	<div class="zhezhao">
		<div class="five">
			<div class="yibook"><img src="__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_new_book_icon_nor.png" style="width:100%;height:100%;"><a style="display:inline-block;width:1.866667rem;height:0.426667rem;font-size:0.32rem;color:#fff;position:absolute;left:-0.133333rem;bottom:-0.5rem;">新建忆书</a></div>
			<div class="weibo" onclick="wbbook()"><img src="__ROOT__/Apps/WebApp/View/default/images/new_book_weibo_btn_nor.png" style="width:100%;height:100%;"></div>
			<div class="weixin" onclick="wxbook()"><img src="__ROOT__/Apps/WebApp/View/default/images/new_book_wechat_btn_nor.png" style="width:100%;height:100%;"></div>
			<!-- <div class="qq" onclick="qqbook()"><img src="__ROOT__/Apps/WebApp/View/default/images/new_book_qq_btn_nor.png" style="width:100%;height:100%;"></div> -->
			<div class="photo" onclick="phbook()"><img src="__ROOT__/Apps/WebApp/View/default/images/new_book_photo_btn_nor.png" style="width:100%;height:100%;"></div>
		</div>
	</div>
</div>
	<div class="personal_info">
		<div class="head_portrait">
			<img src="{$user['head_pic']}" alt="">
		</div>
		<h2 id="username">{$user.nickname}</h2>
	</div>
	<ul class="my_box">	
		<li class="my">
			<a href="{:U('WebApp/Orders/index')}">
				<aside class="lefticon lefticon_order"></aside>
				<span class="enterorder">我的订单</span>
				<aside class="righticon"></aside>
			</a>
		</li>
		<!--<li class="my">-->
			<!--<a href="{:U('WebApp/Orders/nonpayindex')}">-->
				<!--<aside class="lefticon lefticon_cart"></aside>-->
				<!--<span class="enterorder">我的购物车</span>-->
				<!--<aside class="righticon"></aside>-->
			<!--</a>-->
		<!--</li>-->
		<li class="my">
			<a href="{:U('WebApp/Agency/MySpokesman')}">
				<aside class="lefticon lefticon_spokesman"></aside>
				<span class="enterorder">我是代言人</span>
				<aside class="righticon"></aside>
			</a>
		</li>
		<li class="my">
			<a href="{:U('WebApp/Agency/tobecomeAgency')}">
				<aside class="lefticon lefticon_centrality"></aside>
				<span class="enterorder">代理中心</span>
				<aside class="righticon"></aside>
			</a>
		</li>
		<li class="my" onclick="nofound()">
			<!--<a href="{:U('WebApp/Communitys/MyCommunity')}">-->
				<aside class="lefticon lefticon_community "></aside>
				<span class="enterorder">忆书社区</span>
				<aside class="righticon"></aside>
			<!--</a>-->
		</li>
	</ul>
	<div class="am-g wst-msg-modal" id="wst-msg-modal" style="margin-left:4.1rem; " >
		<div class="wst-modal-content" id="wst-modal-content"></div>
	</div>
	<div class="wst-to-top" id="toTop" style="margin: auto">
		<i class="am-icon-arrow-up wst-to-top-icon"></i>
	</div>
	<footer>
		<div class="footer-center">
			<ul>
				<li><a onclick="back()"><img src="__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_is_making_icon_nor.png" style="width:0.72rem;height:0.72rem;padding-top:0.133333rem;"><br>正在制作</a></li>
				<li><a><img src="__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_new_book_icon_nor.png" style="width:1.066667rem;height:1.066667rem;margin-top:-0.213333rem;"><br>选择忆书</a></li>
				<li><a href="" style="color: #5AC6B7;"><img src="__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_me_sel.png" style="width:0.72rem;height:0.72rem;padding-top:0.133333rem;"><br>我的</a></li>
			</ul>
			<div class="radius"></div>
		</div>


	</footer>
	<include file="./Apps/WebApp/View/default/common_js.html" />
	<!--<include file="__ROOT__Apps/WebApp/View/default/common_footer.html" />-->
</body>
<script type="text/javascript" src="__ROOT__/Apps/WebApp/View/default/js/ajax.js"></script>
<script type="text/javascript" src="__ROOT__/Apps/WebApp/View/default/js/jisuan.js"></script>
<script type="text/javascript" src="__ROOT__/Apps/WebApp/View/default/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="__ROOT__/Apps/WebApp/View/default/js/public.js"></script>
</html>